<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*,java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>輔大課程書籍交易系統</title>
</head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css"type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css"type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<style>
.clear{clear:both;}
.title{float:left; margin:20px 20px 20px 0;}
.page {width:959px; margin:0 auto; padding:0; text-align:left;  }
.content {width:959px; margin:0 auto; padding:0; text-align:left; }
.footer-container {width:959px; margin:0 auto; padding:0; text-align:left; }
.header{padding:20px 0 40px 0;}
.header .quick-access{float:right;margin-top:45px;}
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.footer-container .page .footer .full-width .copy {text-align: center;}
table td{ height:30px; text-align:left;}

</style>
<script>
	$(function() {
		$( ".btn" ).button();
		
		
	});
	
</script>
<body>
	<div class="header-container">
        <div class="page">       
            <div class="header">
                <div class="quick-access"><a class="btn" href="reg.jsp">註冊</a> <a class="btn" id="create-login" href="#">登入</a>                             
                  
                </div>
                <div class="title"><a href="index.jsp" style="text-decoration:none;">
                    <h1 class="ui-widget-header ui-corner-all" style="padding:5px;"><span class="ui-icon ui-icon-circle-plus" style="float:left;margin-top:10px;"></span>輔大課程書籍買賣系統</h1></a>
                </div>
                <br class="clear"/> 
            </div>         
        </div>
	</div>
    <div class="content">
        <h3 class="ui-widget-header ui-corner-all">販書清單</h3>
        <table cellspacing="0" rules="all" border="1" class="ui-widget ui-widget-content">
        	<thead class="ui-widget-header ">
                <tr>
                    <td width="200">商品編號</td>
                    <td width="200">書籍名稱</td>
                    <td width="200">出版日期</td>
                    <td width="200">書籍類別</td>
                    <td width="200">印製類別</td>
                    <td width="200">書籍售價</td>
                </tr>
            </thead>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>  
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>       
        </table>
    </div>


    <div class="footer-container">
        <div class="page">
        	<div class="footer">
        		<div class="full-width"><br class="clear" />
        			<p class="ui-widget-header ui-corner-all" align="center">© <script type="text/javascript">var mdate = new Date(); document.write(mdate.getFullYear());</script> Fju JoinTeam. All Rights Reserved.</p>
    
       			</div>
        	</div>
        </div>
    </div>
</body>
</html>